/* Normalize */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;vertical-align:baseline}
html {overflow-y:scroll}
article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section {display:block}
time,mark {display:inline}
*:focus {outline:none}

h1,h2,h3,h4,h5,h6 {font-weight:bold}
h1 {font-size:160%}
h2 {font-size:150%}
h3 {font-size:120%}
h4,h5,h6 {font-size:110%}

a:link,
a:hover,
a:visited {
  color:#225588;
  text-decoration:none;
}

a:hover,
a:visited:hover {
  color:#5687b8;
  text-decoration:underline;
}

img {
  max-width:100%;
  height:auto;
}

a img {border-width:0}

/* Tags & Main Classes */
.loader {
  background:transparent url('') no-repeat 50% 120px;
}

.hitam,.black {background-color:black !important;color:white}
.benar,.true {background-color:#EDFFCE !important}
.salah,.false {background-color:#FFDED8 !important}
.full,table.full {
  width:96.8%;
  margin-left:auto;
  margin-right:auto;
}

.alignright {float:right;margin:0 0 18px 10px}
.alignleft {float:left;margin:0 18px 10px 0}
.center {margin:0 auto;float:none;display:block;text-align:center}

hr {
  border:none;
  background-color:#bbb;
  height:1px;
}

hr.rainbow {
  clear:both;
  display:block;
  background-color:#f5f5f5;
  height:4px;
  position:relative;
}

hr.rainbow:after {
  content:"";
  width:120px;
  height:4px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-60px;
  background-color:pink;
  background-image:-webkit-linear-gradient(left,#01A5FA 25%,#FA00A5 25%,#FA00A5 50%,#00FA8E 50%,#00FA8E 75%,#FFFFA2 75%);
  background-image:-moz-linear-gradient(left,#01A5FA 25%,#FA00A5 25%,#FA00A5 50%,#00FA8E 50%,#00FA8E 75%,#FFFFA2 75%);
  background-image:-ms-linear-gradient(left,#01A5FA 25%,#FA00A5 25%,#FA00A5 50%,#00FA8E 50%,#00FA8E 75%,#FFFFA2 75%);
  background-image:-o-linear-gradient(left,#01A5FA 25%,#FA00A5 25%,#FA00A5 50%,#00FA8E 50%,#00FA8E 75%,#FFFFA2 75%);
  background-image:linear-gradient(left,#01A5FA 25%,#FA00A5 25%,#FA00A5 50%,#00FA8E 50%,#00FA8E 75%,#FFFFA2 75%);
}

code {
  color:#254c74;
  font-family:Verdana,Geneva,Monospace;
  font-size:12px;
}

code a,code a:hover {color:#254c74}

code a:hover {
  background-color:#E6ECF5;
  text-decoration:underline;
}

.underline {border-bottom:1px dashed #839496}
mark,.highlight {background-color:yellow}
pre .highlight,
pre mark,
pre .highlight span,
pre mark span {color:#839496 !important}

code .branch-link,
code .branch-link:hover {
  background-color:#052127;
  color:#839496;
  text-decoration:none;
  border:1px dotted;
  line-height:12px;
}

sup,sub {
  vertical-align:baseline;
  position:relative;
  top:-.4em;
}

sub {top:.4em}

acronym,abbr {
  cursor:help;
  border:none;
  color:#E050A9;
}

blockquote,
b[rel="quote"] {
  display:block;
  font-weight:normal;
  position:relative;
  background-color:#5D73B5;
  color:white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  margin:.75em 0;
  padding:15px 20px;
}

blockquote a,
blockquote a:visited {color:#FFEAE5 !important}

blockquote:before,
b[rel="quote"]:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  bottom:100%;
  right:15px;
  border:7px solid transparent;
  border-color:transparent transparent #5D73B5;
}

blockquote.ask {
  padding:10px 15px;
  margin-left:20px;
  margin-right:20px;
  border:1px solid #DFC65B;
  border-bottom-color:#C1A73E;
  background-color:#F8EEA8;
  background-image:-webkit-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:-moz-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:-ms-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:-o-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:linear-gradient(top,#EFDD88,#F8EEA8);
  color:#444;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:97%;
}

blockquote.ask:before {display:none}
blockquote.ask a,
blockquote.ask a:visited {color:#C07E06}
blockquote.ask code {color:black}

figure {
  text-align:center;
  background-color:#CFDBEC;
  border:1px solid #a5a5a5;
  margin:0 5%;
  padding:10px;
}

figure figcaption {
  margin:10px 0 0;
  font-size:98%;
  font-style:italic;
  font-family:Arial,Sans-Serif;
}

figure.gallery {
  background-color:#222;
  border:none;
  padding:15px 10px 40px;
  position:relative;
  margin:0 5%;
}

figure.gallery:before {
  content:"";
  width:0;
  height:2px;
  border:10px solid #900;
  border-bottom-color:transparent;
  position:absolute;
  top:0;
  left:0;
}

figure.gallery img,
figure.gallery a img {padding:0 0}

figure.gallery img {
  background-color:#444;
  padding:4px !important;
  -webkit-box-shadow:0 1px 2px black,0px 1px 7px black;
  -moz-box-shadow:0 1px 2px black,0px 1px 7px black;
  box-shadow:0 1px 2px black,0px 1px 7px black;
  margin:5px auto;
}

figure.gallery figcaption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  background-color:#111;
  color:white;
  padding:4px;
}

/* Forms */
input[type="text"],
textarea {
  border:1px solid #ccc;
  margin-bottom:10px;
  background-color:#fafafa;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  font:normal small 'Ubuntu','Trebuchet MS',Trebuchet,Arial,Sans-Serif;
  padding:2px 5px;
}

textarea {padding:5px}
textarea:focus {background-color:#FFE4B5}

input.warna[type="text"] {
  vertical-align:baseline;
  border:1px solid #eee;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  margin:0 4px;
  padding:15px 25px;
  font:bold 11px Verdana,Arial,Sans-Serif;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,.button {
  cursor:pointer;
  background-color:#248AB0;
  background-image:-webkit-linear-gradient(top,#248AB0,#005E90);
  background-image:-moz-linear-gradient(top,#248AB0,#005E90);
  background-image:-ms-linear-gradient(top,#248AB0,#005E90);
  background-image:-o-linear-gradient(top,#248AB0,#005E90);
  background-image:linear-gradient(top,#248AB0,#005E90);
  border:2px solid white;
  position:relative;
  top:-1px;
  color:#ebebeb !important;
  font:bold 11px Arial,Sans-Serif;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.3);
  padding:3px 7px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,.button:hover,.button:focus,.button:visited:hover {
  background-color:#0671A1;
  background-image:-webkit-linear-gradient(top,#0671A1,#014976);
  background-image:-moz-linear-gradient(top,#0671A1,#014976);
  background-image:-ms-linear-gradient(top,#0671A1,#014976);
  background-image:-o-linear-gradient(top,#0671A1,#014976);
  background-image:linear-gradient(top,#0671A1,#014976);
  color:white !important;
  border-color:white;
  text-decoration:none;
}

.button-group .button:focus {border:2px solid white}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,.button:active {
  top:0;
  background-color:#005E90;
  border-color:white;
  background-image:-webkit-linear-gradient(top,#014976,#005E90);
  background-image:-moz-linear-gradient(top,#014976,#005E90);
  background-image:-ms-linear-gradient(top,#014976,#005E90);
  background-image:-o-linear-gradient(top,#014976,#005E90);
  background-image:linear-gradient(top,#014976,#005E90);
}

.button-group {
  display:block;
  width:auto;
  margin:0 auto;
  text-align:center;
}

.button.small,
.button.small:active,
.button.small:focus {
  font:normal 11px Tahoma,Sans-serif;
  border:none;
  padding:4px 8px 6px;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:active {
  background-color:#bbb;
  background-image:-webkit-linear-gradient(top,#bbb,#888);
  background-image:-moz-linear-gradient(top,#bbb,#888);
  background-image:-ms-linear-gradient(top,#bbb,#888);
  background-image:-o-linear-gradient(top,#bbb,#888);
  background-image:linear-gradient(top,#bbb,#888);
  cursor:text;
}

a.green,
a.green:hover,
a.subscribe,
a.subscribe:hover {
  font-size:10px;
  color:#eee;
  background-color:#527915;
  text-transform:uppercase;
  position:relative;
  top:-3px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 7px;
  padding:3px 10px;
  text-decoration:none;
}

a.green:active,
a.subscribe:active {
  background-color:#999;
  color:white;
}

select {
  background-color:#444;
  border:1px solid #555;
  padding:4px;
}

.color-box {
  display:inline-block;
  width:30px;
  height:30px;
  background-color:white;
  border:2px solid #222;
  border-color:rgba(0,0,0,.2);
  font:0/0 Serif;
  color:transparent;
  text-shadow:none;
}

.color-box:hover {
  border-color:#333;
  border-color:rgba(0,0,0,.4);
}

/* Table */
table[border="1"] {
  border-collapse:collapse;
  margin-top:10px;
  margin-bottom:10px;
}

table[border="1"],
table[border="1"] th,
table[border="1"] td {
  border:1px solid #bbb;
  padding:2px 7px;
}

td {vertical-align:top}

table[border="1"] th {
  background-color:#fafafa;
  font-weight:700;
  text-align:left;
}

table.config {background-color:#FFF0A0}

table.config td,
table.config th {border-color:#333}

table.config th {
  background-color:#333;
  color:white;
}

table tr[id]:target td {background-color:gold}


table.reference {
  font-size:12px;
  width:100%;
}

table.reference code {font-size:11px}

table.reference th,
table.reference td {
  padding:5px 10px;
  border-color:#111;
  background-color:#eee;
}

table.reference tr th {
  background-color:#aaa;
  color:#111;
}

table.reference tr td:first-child {background-color:#ccc}

/* Blocks */
.catatan {
  display:block;
  text-align:left;
  background-color:#FFFAC1;
  font:italic normal 14px Georgia,Serif;
  color:#222;
  position:relative;
  margin:10px 7% 1.7em 7%;
  padding:20px 30px;
  text-shadow:none;
}

.catatan:before {
  content:"";
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}

.catatan code {font-style:normal}
.catatan h2:first-child {margin-top:0}

.catatan.resource {
  margin:10px auto;
  width:auto;
  font:normal normal 13px Tahoma,Arial,Sans-Serif;
  padding:10px 20px;
  background-color:#eee;
}

.catatan.resource img {
  border:2px solid #aaa !important;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.update {
  color:#A73B3B;
  margin-left:1em;
  margin-right:1em;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:1em 1.5em;
}

.greenbox {
  background-color:#4AB846;
  background-image:-webkit-linear-gradient(top,#4AB846,#3A9838);
  background-image:-moz-linear-gradient(top,#4AB846,#3A9838);
  background-image:-ms-linear-gradient(top,#4AB846,#3A9838);
  background-image:-o-linear-gradient(top,#4AB846,#3A9838);
  background-image:linear-gradient(top,#4AB846,#3A9838);
  padding:7px 15px;
  font:italic bold 12px Arial,Sans-Serif;
  color:white;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0px 1px 2px 0 rgba(0,0,0,.7);
  -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0px 1px 2px 0 rgba(0,0,0,.7);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0px 1px 2px 0 rgba(0,0,0,.7);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.tip {
  background-color:#BEDBF4;
  background-image:-webkit-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-moz-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-ms-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-o-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:linear-gradient(top,#BEDBF4,#70B3DC);
  padding:7px 10px;
  border:1px solid #5E96B7;
  border-bottom-color:#5688A7;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  color:#29526F;
  text-shadow:0 1px 0 rgba(255,255,255,.1);
  -webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 0 rgba(0,0,0,.2);
  box-shadow:0 1px 0 rgba(0,0,0,.2);
}

.tip code {font-size:11px}

.alert,
.instruction {
  background-color:#FFBABA;
  color:#D8000C;
  border:1px solid;
  padding:5px 12px;
  margin:15px 20px;
  font:normal normal 12px Arial,Sans-Serif;
}

.instruction {
  background-color:#DFF2BF;
  color:#4F8A10;
}

.block {
  border:2px solid #888;
  background-color:#ccc;
  padding:6px 10px;
  margin:0 14px;
  -webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
}

.jualan {
  display:block;
  text-align:left;
  background-color:#ae910f;
  border:2px solid #ead253;
  outline:2px solid #ae910f;
  font:normal bold 14px Calibri,Arial,Sans-Serif;
  color:white;
  margin:10px 20%;
  padding:10px 20px;
}

.template {
  max-height:250px;
  overflow:auto;
  background-color:#fafafa;
  border:3px double #bbb;
  width:96%;
  -webkit-box-shadow:inset 0 0 5px #888;
  -moz-box-shadow:inset 0 0 5px #888;
  box-shadow:inset 0 0 5px #888;
  margin:10px auto;
  padding:10px;
}

.template table {
  border:none;
  margin:0 0;
}

.template table h4 {
  text-transform:uppercase;
  font-weight:700;
  margin:0 0 5px;
}

.template table h4 a,
.template table h4 a:visited {
  display:block;
  color:#247C83;
  padding:5px 10px;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
}

.template td {
  border:none;
  padding:15px;
  vertical-align:top;
}

.template td img {
  border:1px solid #ccc;
  background-color:white;
  padding:1px;
}

.reference-link p:only-child {text-align:right}

#alexa {
  width:250px;
  padding:10px;
  margin:0 auto 30px;
  text-align:center;
  background-color:#333;
  -webkit-box-shadow:inset 0 1px 5px black;
  -moz-box-shadow:inset 0 1px 5px black;
  box-shadow:inset 0 1px 5px black;
  border:2px solid #ccc;
}

/* Breadcrumb */
.breadcrumb {
  position:fixed !important;
  position:absolute;
  z-index:100;
  top:0;
  right:0;
  left:0;
  background-color:#333;
  color:#ccc;
  border-bottom:2px solid #999;
  padding:2px 0 1px 1%;
  -webkit-box-shadow:0 0 7px black;
  -moz-box-shadow:0 0 7px black;
  box-shadow:0 0 7px black;
}

.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active {
  color:white;
  text-decoration:none;
}

.breadcrumb span.kanan {
  position:absolute;
  top:2px;
  right:1%;
}

/* Above post */
#date {
  margin:-10px 0 30px;
  font-family:'Droid Serif',Cambria,Georgia,Serif;
  border-right:5px solid #39f;
  padding:0 15px 0 0;
  text-align:right;
  position:relative;
}

#g-plus {
  position:absolute;
  top:0;
  left:0;
}

/* Posts */
.post {
  border-top:1px dotted #bbb;
  border-bottom:1px dotted #bbb;
  margin:.3em 0 25px;
  padding:0 13px;
}

.post-title {
  line-height:1.5em;
  display:block;
  border:1px dotted #bbb;
  color:#333;
  font:normal 20px Cambria,Georgia,'Times New Roman',Serif;
  border-width:0 1px 1px;
  padding:2px 14px;
  -webkit-transition:all 0.26s ease-in-out;
  -moz-transition:all 0.26s ease-in-out;
  -ms-transition:all 0.26s ease-in-out;
  -o-transition:all 0.26s ease-in-out;
  transition:all 0.26s ease-in-out;
}

.post-title a,
.post-title a:hover {
  text-decoration:none;
  color:#333;
}

.post a img {
  background-color:#ccc;
  background-color:rgba(0,0,0,.2);
  padding:4px;
  border:none;
}

.post img.post-thumbnail {
  width:72px;
  height:72px;
  float:left;
  margin-right:10px;
  overflow:hidden;
}

.post-body {
  border:1px dotted #bbb;
  border-width:0 1px;
  padding:20px 14px 0 14px;
  line-height:1.4em;
}

.post-body a.button {
  line-height:60px;
  padding:10px 18px;
}

.post-body a:focus {border-bottom:2px solid #FEC005}

/* Safe CSS => Move from <br> tag to <p> tag without destroying my older posts layout */
.safe h1,
.safe h2,
.safe h3,
.safe h4,
.safe h5,
.safe h6,
.safe hr {margin:3em 0 1em 0}
.safe hr + h2 {margin-top:0}

.safe p,
.safe ul,
.safe ol,
.safe .center,
.safe .button-group,
.safe .block,
.safe .tip,
.safe .instruction,
.safe .alert,
.safe blockquote,
.safe pre,
.safe figure,
.safe form,
.safe iframe,
.safe table {margin-bottom:1.7em}
.safe li {margin:0 0 0 1em}

.safe ul,
.safe ol {margin-left:1.5em}

.safe p + br,
.safe ul + br,
.safe ol + br,
.safe .center + br,
.safe .button-group + br,
.safe .block + br,
.safe .tip + br,
.safe .instruction + br,
.safe .alert + br,
.safe blockquote + br,
.safe pre + br,
.safe figure + br,
.safe form + br,
.safe iframe + br,
.safe table + br {display:none}

.safe .alignleft + p,
.safe .alighright + p {margin-top:0}
.post-body.safe p:last-child,
.post-body.safe p:only-child,
.post-body.safe div p:only-child,
.post-body.safe div p:last-child,
.post-body.safe blockquote p:only-child,
.post-body.safe blockquote p:last-child {margin:0 0 0 0}
/* end safe CSS */

.post-body h2 a,
.post-body h3 a,
.post-body h4 a,
.post-body h5 a,
.post-body h6 a {color:#333}

.post-body section {
  border:none;
  padding:0 0;
  margin:1.7em 0 0;
}

.post-body section:before {
  content:"";
  display:block;
  height:30px;
  margin:-30px 0 0;
}

.post-body section h2,
.post-body section h3,
.post-body section h4,
.post-body section h5 {
  border-top:1px dotted #bbb;
  margin:2em -14px 15px;
  padding:1.7em 14px 0;
}

.table-of-content {
  font-size:12px;
  background-color:#FFF09B;
  border:1px solid #FFE046;
  padding:.5em 0 0;
  margin:0 50% 0 0;
}

.post-body section footer {clear:both}

.post-body ul.listing {
  font-size:10px;
  text-transform:uppercase;
}

.post-body ul.listing li {}

.post-body ul.listing li.title {
  list-style:none;
  font-weight:bold;
  margin-left:-14px;
}

.post-body blockquote {line-height:1.3em}

.post-body blockquote code {
  font-weight:400;
  background:none;
  color:#ddd;
  text-shadow:none;
}

.post-body figure img,
.catatan img {
  border:none;
  padding:0 0;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 3px rgba(0,0,0,.7);
  box-shadow:0 0 3px rgba(0,0,0,.7);
  display:block;
  margin:0 auto;
}

.post-body .separator img,
.post-body figure img {max-width:90%}

.post-body ins#aswift_0_anchor {margin-bottom:30px !important}

.post-footer {
  background-color:#eee;
  border:1px dotted #bbb;
  border-width:1px 1px 0;
  font-size:80%;
  line-height:1.5em;
  color:#666;
  text-transform:uppercase;
  font-weight:700;
  padding:4px 14px;
}

.post-footer .span {margin-right:.3em}

.button.small.rmore,
.button.small.rmore:active,
.button.small.rmore:focus {
  font:normal 11px Calibri,Arial,Sans-Serif;
  text-transform:uppercase;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  border:4px solid #333;
  padding:4px 8px 3px;
  display:inline-block;
  width:auto;
  margin:2px 0 0 2px;
}

.rm-button-wrap {
  position:absolute;
  bottom:10px;
  right:10px;
  left:0;
  margin-left:110px;
}

/* Related Posts */
#mamas-topik {margin:10px 20px 30px}
#mamas-topik h2 {margin:0 10px 15px}

#paling-ganteng {
  color:#999;
  background-color:#333;
  -webkit-box-shadow:inset 0 0 7px black;
  -moz-box-shadow:inset 0 0 7px black;
  box-shadow:inset 0 0 7px black;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:7px;
}

.sedunia {
  border:1px solid #3c3c3c;
  -webkit-box-shadow:inset 0 0 3px black;
  -moz-box-shadow:inset 0 0 3px black;
  box-shadow:inset 0 0 3px black;
  height:370px;
  overflow:auto;
  padding:25px;
}

.sedunia a:link {color:#5687b8}
.sedunia a:hover {text-decoration:underline}
.sedunia ul {margin:10px}

/* Blog pager */
#blog-pager {
  clear:both;
  text-align:right;
  padding:0 20px;
  line-height:50px;
}

#float-left {float:left}

/* Sidebar & Advertisement */
#iklan-wrapper,.sidebarbox {
  width:29%;
  float:right;
  display:inline;
  color:#999;
  background-color:#333;
  -webkit-box-shadow:inset 0 0 2px black;
  -moz-box-shadow:inset 0 0 2px black;
  box-shadow:inset 0 0 2px black;
  margin:0 1.2% 10px 0;
}

.sidebarbox {
  width:28.8%;
  min-height:100px;
  margin:0 1% 10px 0;
  border:2px solid #999;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.sidebarbox h2 {
  background-color:#333;
  font:normal bold 11px Arial,Sans-Serif;
  text-transform:uppercase;
  position:relative;
  z-index:4;
  color:#aaa;
  padding:7px 12px;
  border-bottom:1px solid #222;
  -webkit-box-shadow:0 1px 0 #444;
  -moz-box-shadow:0 1px 0 #444;
  box-shadow:0 1px 0 #444;
}

#quoteFrame iframe,
.sidebarbox iframe {
  display:block;
  overflow:hidden;
}

#iklan1 {
  display:block;
  text-align:center;
  border:1px solid #3c3c3c;
  -webkit-box-shadow:inset 0 0 3px black;
  -moz-box-shadow:inset 0 0 3px black;
  box-shadow:inset 0 0 3px black;
  margin:7px;
  padding:10px;
}

#iklan1 a img {
  width:125px;
  height:125px;
  border:none;
  background:transparent;
  -webkit-box-shadow:0 0 2px black;
  -moz-box-shadow:0 0 2px black;
  box-shadow:0 0 2px black;
  padding:4px;
}

#iklan1 a:hover img {background-color:#6788E8}

#iklan2 {
  text-align:center;
  padding:0 0 20px;
}

#iklan2 iframe {margin:10px auto}

#iklan-b-wrapper {
  background:transparent;
  text-align:left;
  margin:0 0 0 2%;
}

img.iklan-banner {
  border:4px solid #333;
  width:88.6%;
  margin:0 0 2px;
}

#iklan-bottom {
  width:auto;
  margin:200px 0 20px;
  overflow:hidden;
}

#iklan-bottom img {
  width:125px;
  height:125px;
}

#iklan-bottom .container {
  border-top:5px solid #0186CB;
  background-color:#eee;
  width:44.8%;
  overflow:hidden;
  padding:2% 2% 1018px 2%;
  margin:0 0 -1000px 0;
}

#iklan-bottom .container:hover img {border-color:#FF5DC2}
#iklan-bottom .container.left {float:left}
#iklan-bottom .container.right {float:right}

#iklan-bottom .container img {
  border:2px solid #666;
  float:left;
  margin:0 10px 0 0;
}

#iklan-bottom strong {
  display:block;
  margin-bottom:5px;
}

.inline-ad {
  margin:-10px 14px 10px;
  background-color:#eee;
  border-top:4px solid #0186CB;
  padding:10px;
  position:relative;
  text-align:left;
  clear:both;
}

.inline-ad .snippet-outer {
  width:46%;
  position:absolute;
  top:10px;
  right:2%;
}

.inline-ad .snippet-outer ul {
  margin:7px 0 0;
  padding:0 0;
}

.inline-ad .snippet-outer li {
  list-style:none;
  margin:0 0 2px;
  background-color:#e5e5e5;
  padding:0 7px 0 7px;
  line-height:24px;
  height:24px;
  overflow:hidden;
  border-bottom:1px dotted #ccc;
}

/* Top ribbon */
#top-ribbon {
  position:absolute;
  top:0;
  right:27.5%;
  z-index:10;
  width:108px;
  height:260px;
  background-color:#333;
  color:#999;
  font:normal normal 11px Verdana,Arial,Sans-Serif;
  -webkit-box-shadow:0 5px 7px rgba(0,0,0,.7);
  -moz-box-shadow:0 5px 7px rgba(0,0,0,.7);
  box-shadow:0 5px 7px rgba(0,0,0,.7);
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  -webkit-transition:right .15s linear;
  -moz-transition:right .15s linear;
  -ms-transition:right .15s linear;
  -o-transition:right .15s linear;
  transition:right .15s linear;
  border:1px solid #444;
  border-color:#444 #222 #222 #444;
  padding:10px;
}

#top-ribbon:after {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:100%;
  left:20px;
  border:15px solid transparent;
  border-color:#333 transparent transparent;
}

#top-ribbon .img-container {
  width:82px;
  border:3px double #3c3c3c;
  background:transparent;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  display:block;
  margin:0 0 10px auto;
  padding:10px;
}

#top-ribbon .img-container img {
  display:block;
  background-color:#3c3c3c;
  padding:5px 0;
}

#level {
  width:108px;
  display:block;
  margin:0 0 0 auto;
}

#level li {
  display:block;
  margin:0 0 2px;
  list-style:none;
}

#level li a {
  display:block;
  background-color:#3c3c3c;
  color:#ccc;
  font:normal normal 8px Arial,Sans-Serif;
  text-transform:uppercase;
  position:relative;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
  padding:6px 10px;
}

#level li a:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  right:0;
  top:0;
  display:block;
  border:11px solid transparent;
  border-color:transparent #333 transparent transparent;
}

#level li a:hover {
  -webkit-transition-duration:0s;
  -moz-transition-duration:0s;
  -ms-transition-duration:0s;
  -o-transition-duration:0s;
  transition-duration:0s;
  color:white;
  text-decoration:none;
  padding:6px 0 6px 15px;
}

#level li.satu a:hover {background-color:#DC98FF}
#level li.dua a:hover {background:#FF5DC2}
#level li.tiga a:hover {background:#0186CB}
#level li.eks a:hover {background:#0251C9}
#level li.current a {border-left:2px solid #39f}

#subscribeform {
  width:210px;
  padding:0 0 6px;
  background-color:#5D73B5;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:absolute;
  top:10px;
  left:10px;
  display:none;
}

#subscribeform input.email-input {
  display:block;
  width:172px;
  margin:10px 10px 7px 10px;
  border:2px solid #333;
  padding:7px;
  color:white !important;
  font-size:12px;
}

#subscribeform input.email-submit {
  margin:0 0 0 10px;
  border:none !important;
  background-color:#405289;
  background-image:none;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  font:normal normal 10px 'Ubuntu',Arial,Sans-Serif;
  text-transform:uppercase;
}

#subscribeform input.email-submit:hover {
  background-color:#2E3E6A;
  background-image:none;
}

a.closeform,
a.closeform:hover {
  float:right;
  margin-right:10px;
  color:white;
  font:normal normal 12px Sans-Serif;
  text-decoration:none;
}

/* Widgets */
#HTML2 .widget-content {text-align:center}

#HTML2 img {
  display:inline;
  background-color:black;
  padding:4px;
  border:none;
  opacity:.7;
}

#HTML2 img:hover {opacity:1}

.label-count {
  position:fixed !important;
  position:absolute;
  background-color:black;
  color:white;
  font-size:25px;
  font-weight:700;
  top:0;
  right:20px;
  margin-top:200px;
  width:auto;
  height:auto;
  opacity:0.7;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  padding:20px 40px;
  display:none;
}

#ArchiveList {text-align:left}
#ArchiveList .toggle-open {line-height:.6em}
#ArchiveList a.post-count-link,
#ArchiveList a.post-count-link:link,
#ArchiveList a.post-count-link:visited {text-decoration:none}
#ArchiveList a.toggle,
#ArchiveList a.toggle:link,
#ArchiveList a.toggle:visited,
#ArchiveList a.toggle:hover {text-decoration:none}

#ArchiveList .toggle {
  cursor:pointer;
  font-family:Arial,Sans-Serif;
}

#ArchiveList ul {
  list-style:none;
  list-style-image:none;
  border-width:0;
  margin:10px 0 0;
}

#ArchiveList ul li {
  background:none;
  list-style:none;
  list-style-image:none;
  list-style-position:outside;
  border-width:0;
  padding-left:15px;
  text-indent:-15px;
  margin:.25em 0;
  background-image:none;
}

#ArchiveList ul ul li {padding:0 0 0 1.2em}

#ArchiveList ul.posts li {padding:0 0 0 1.3em}
#ArchiveList .collapsed ul,
.sidebar .item-control {display:none}

.PopularPosts img {
  padding:0;
  margin:5px 10px 0 0;
  border:none;
  background-color:#111;
  float:left;
}

ul.rpthumb {background-color:#333}

ul.rpthumb li {
  height:44px;
  list-style:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  display:block;
  padding:7px 7px;
  overflow:hidden;
  background-color:#333;
  text-align:left;
}

ul.rpthumb li a {
  font:bold 11px Arial,Sans-Serif;
  color:#999;
  display:block;
}

ul.rpthumb li a:hover {color:white}

ul.rpthumb img.rp-thumb {
  outline:none;
  border:2px solid black;
  background-color:#02406C;
  display:block;
  float:left;
  margin:0 10px 0 0;
  width:40px;
  height:40px;
}

ul.rpthumb span {
  font:normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;
  color:#666;
}

.framePreloader iframe {
  border:none;
  width:100%;
}

/* About Panel */
#about {
  width:90%;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  margin:10px auto;
  padding:10px 14px;
  line-height:1.5em;
  display:none;
}

#about p {margin:0 0 15px}

#about h2 {
  background-color:#3c3c3c;
  font:bold 16px/29px Cambria,Georgia,Serif;
  text-transform:uppercase;
  position:relative;
  margin:0 0 15px;
  padding:0 15px;
}

#about .col {
  width:56%;
  height:570px;
  display:inline;
  color:#ccc;
  overflow:auto;
  margin:0 1%;
}

#about .col a,
#about-col a:link {color:#3582d0}

#about .col.left {
  float:left;
  margin-right:0;
  padding-right:20px;
  border-right:7px solid #3582d0;
}

#about .col.right {
  float:right;
  width:36%;
  margin-left:0;
}

#about .col.left span.drop-cap {
  float:left;
  font:normal 22px Georgia,Serif;
  color:white;
  text-align:center;
  width:30px;
  height:auto;
  background-color:#3c3c3c;
  position:relative;
  margin:2px 10px 2px 0;
  padding:10px 0 30px;
}

#about .col.left span.drop-cap:after {
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-bottom-color:#333;
  position:absolute;
  bottom:0;
  left:0;
}

#closeab,
#closeab:hover {
  cursor:pointer;
  display:block;
  position:absolute;
  top:6px;
  right:7px;
  background:transparent;
  font:bold 13px/12px Georgia,Serif;
  color:white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 5px 4px;
}

#closeab:hover {
  background-color:white;
  color:black;
  text-decoration:none;
}

/* For Disabled JavaScript */
#about:target {display:block}

/* Comments */
#comments {
  padding:20px 30px 30px;
  margin:0 2%;
  background-color:#2f2f2f;
  border:2px solid #666;
  -webkit-box-shadow:inset 0 0 7px black;
  -moz-box-shadow:inset 0 0 7px black;
  box-shadow:inset 0 0 7px black;
  color:white;
}

#comments .note,
#comments em[rel="note"] {
  display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#333,#222);
  background-image:-moz-linear-gradient(top,#333,#222);
  background-image:-ms-linear-gradient(top,#333,#222);
  background-image:-o-linear-gradient(top,#333,#222);
  background-image:linear-gradient(top,#333,#222);
  -webkit-box-shadow:0 0 0 1px #555;
  -moz-box-shadow:0 0 0 1px #555;
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal 11px Tahoma,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;
}

#comments .note a,
#comments .note code {font-size:11px}

#comments img.incomment,
#comments blockquote img.incomment {
  display:block;
  margin:2px auto 0;
}

#comments a {color:#5687B8}
#comments a.allow,
#comments i[rel="anchor"] {font-size:97%}
#comments i[rel="pre"],
#comments pre {margin:0 0 5px}

#comments code,
#comments i[rel="code"],
#respond em {
  color:white;
  font:normal 12px 'Courier New',Monospace;
}

#comments code a {color:white}
#comments code a:hover {background:transparent}

#comments i[rel="image"] {
  display:block;
  margin:2px auto;
  width:50px;
  height:50px;
  border:5px solid #222;
  overflow:hidden;
  position:relative;
}

#comments iframe.video {
  width:320px;
  max-width:320px;
  height:224px;
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  display:block;
  margin:10px auto;
  border:4px solid #444;
  background-position:50% 50%;
}

#comments h4 {
  color:white;
  margin:0 0 10px;
}

.comments .avatar-image-container {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:4px;
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  float:none;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  background-color:#666;
  -webkit-background-clip:content-box;
  -moz-background-clip:content-box;
  background-clip:content-box;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

.comments .avatar-image-container img {
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  overflow:visible;
  float:none;
}

.comments .avatar-image-container img:hover {opacity:0.7}

.cm_wrap {
  clear:both;
  margin-bottom:4px;
  width:100%;
  float:right;
  position:relative;
}

.cm_head {
  width:58px;
  position:absolute;
  top:0;
  left:0;
}

.cm_reply a {
  display:block;
  width:auto;
  margin:0 0 1px 3px;
  padding:2px 7px 3px;
  text-transform:none;
  color:white !important;
  background-color:#527915;
  background-image:-webkit-linear-gradient(top,#64931C,#527915);
  background-image:-moz-linear-gradient(top,#64931C,#527915);
  background-image:-ms-linear-gradient(top,#64931C,#527915);
  background-image:-o-linear-gradient(top,#64931C,#527915);
  background-image:linear-gradient(top,#64931C,#527915);
  font:normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;
  -webkit-box-shadow:0 2px 2px black;
  -moz-box-shadow:0 2px 2px black;
  box-shadow:0 2px 2px black;
  -webkit-border-radius:3px 0 0 3px;
  -moz-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
  -webkit-transition:all .16s ease-in-out;
  -moz-transition:all .16s ease-in-out;
  -ms-transition:all .16s ease-in-out;
  -o-transition:all .16s ease-in-out;
  transition:all .16s ease-in-out;
}

.cm_reply .item-control {display:block !important}

.cm_reply a:hover,
.cm_reply a:focus,
.cm_reply a.clicked {
  margin:0 0 1px -3px;
  padding:2px 10px 3px 7px;
  outline:none;
  text-decoration:none;
}

.cm_reply a:focus,
.cm_reply a.clicked {
  background-color:#890586;
  background-image:-webkit-linear-gradient(top,#890586,#5F085D);
  background-image:-moz-linear-gradient(top,#890586,#5F085D);
  background-image:-ms-linear-gradient(top,#890586,#5F085D);
  background-image:-o-linear-gradient(top,#890586,#5F085D);
  background-image:linear-gradient(top,#890586,#5F085D);
}

.cm_reply a:active {
  background-image:-webkit-linear-gradient(bottom,#64931C,#527915);
  background-image:-moz-linear-gradient(bottom,#64931C,#527915);
  background-image:-ms-linear-gradient(bottom,#64931C,#527915);
  background-image:-o-linear-gradient(bottom,#64931C,#527915);
  background-image:linear-gradient(bottom,#64931C,#527915);
  outline:none;
}

.cm_entry {
  margin:0 0 0 58px;
  padding:16px 16px;
  border:1px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
  position:relative;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}

.cm_entry .author-mark {
  display:block;
  width:0;
  height:0;
  border:12px solid transparent;
  border-color:transparent #900 #900 transparent;
  position:absolute;
  right:0;
  bottom:0;
}

.cm_entry .para {
  padding:5px 10px 7px;
  margin:2px 0 0;
  clear:both;
  border:1px solid #555;
  background-color:#444;
  word-wrap:break-word;
}

.cm_entry .para.deleted-by-js {color:#bbb}

.cm_entry .para.deleted-by-js textarea {
  width:98% !important;
  height:120px;
  display:block;
  margin:24px auto;
  border:1px solid #333;
  background-color:white;
  font:normal normal 12px 'Courier New',Monospace;
}

.comments .no-js:target .cm_entry {border:2px solid yellow}
.comments .no-js:target .avatar-image-container {border:5px solid yellow;padding:0 0}

.cm_info {
  border:1px solid #555;
  background-color:#444;
  padding:5px 10px;
  margin:0 0 2px;
}

.cm_name {
  font-weight:bold;
  font-style:normal;
  float:left;
}

.cm_date {
  font-size:10px;
  color:#999;
  float:right;
}

.cm_pagenavi {
  font-size:10px;
  text-transform:uppercase;
  color:#666;
  font-weight:bold;
}

.cm_pagenavi a {
  color:#666;
  padding:10px;
}

.cm_pagenavi span {
  color:#888;
  background-color:white;
  padding:4px;
}

#comment-form {
  clear:both;
  margin:50px 0 0;
  padding:20px 20px;
  -webkit-box-shadow:0 1px 5px black;
  -moz-box-shadow:0 1px 5px black;
  box-shadow:0 1px 5px black;
  width:auto !important;
  display:block;
}

#comment-form h3 {margin-bottom:15px}

#respond p {
  margin:0 0 10px;
  font-size:98%;
}

#comment-editor {
  width:100%;
  height:270px;
  background:transparent;
  border:none !important;
}

#frameouter {position:relative}
#cancel-answer {display:none}

.cm_wrap #comment-form {
  margin:4px 0 0;
  border:1px solid #3c3c3c;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
}

.cm_wrap #cancel-answer {
  display:block;
  font-weight:bold;
  text-decoration:underline;
}

.cm_wrap #comment-form .heads-up,
.cm_wrap #last-discussion {display:none}

img.icon-action {padding:0 0 0 0}

img.emo,
input.emoKey {
  display:inline-block;
  vertical-align:middle;
  position:relative;
  cursor:pointer;
}

input.emoKey {
  background-color:black;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border:1px solid #333;
  font-size:12px;
  font-weight:normal;
  color:white;
  margin:0 0;
  padding:1px 1px;
}

/* Share buttons */
.addthis_toolbox {
  clear:both;
  width:90%;
  height:20px;
  margin:0 0 2px 1%;
  position:relative;
}

.addthis_toolbox .addthis-tooltip {
  display:block;
  width:150px;
  padding:10px 15px;
  position:absolute;
  bottom:100%;
  left:30px;
  z-index:77;
  margin-bottom:40px;
  background-color:black;
  color:white;
  font-size:98%;
  text-align:center;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
}

.addthis_toolbox .addthis-tooltip:before {
  content:"";
  width:0;
  height:0;
  border:7px solid transparent;
  border-top-color:black;
  position:absolute;
  top:100%;
  left:10px;
}

.addthis_toolbox .addthis_inner:hover .addthis-tooltip {
  visibility:visible;
  opacity:1;
  margin-bottom:25px;
}

/* Bottom Checkbox */
#reader {
  position:fixed !important;
  position:absolute;
  bottom:0;
  right:20px;
  border:2px solid #888;
  border-bottom-width:0;
  background-color:#B2B2B2;
  font-size:96%;
  z-index:80;
  padding:2px 1.5% 2px 2px;
}

#reader label {
  position:relative;
  top:-2px;
}

/* Toolpik */
#toolpik {
  position:fixed !important;
  position:absolute;
  top:40px;
  left:20px;
  z-index:1000;
  background-color:#F7FFAD;
  border:2px solid white;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.7);
  box-shadow:0 1px 2px rgba(0,0,0,.7);
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  width:300px;
  height:auto;
  font:normal normal 12px Cambria,Times,Serif;
  color:#222;
  text-align:left;
  padding:15px;
  display:none;
}

#toolpik h2 {
  font-size:18px;
  margin:0 0 10px;
}

#toolpik p {
  margin:10px 0;
}

#toolpik a {
  color:#E30374;
  border-bottom:1px dotted #ddd;
}

pre,i[rel="pre"] {
  display:block;
  font:normal normal 12px "Courier New",Courier,monospace;
  padding:.5em .5em .5em 1em;
  background-color:#002b36;
  border-left:4px solid #268bd2;
  position:relative;
  overflow:auto;
  word-wrap:normal;
  white-space:pre;
}

pre code {
  display:block;
  color:#839496;
  font:normal normal 12px "Courier New",Courier,monospace;
  letter-spacing:0;
  white-space:pre;
}

pre[rel="HTML"],pre[data-codetype="HTML"] {border-left-color:#4584BE}
pre[rel="CSS"],pre[data-codetype="CSS"] {border-left-color:#5DA028}
pre[rel="JavaScript"],pre[data-codetype="JavaScript"] {border-left-color:#bbbbbb}
pre[rel="JQuery"],pre[data-codetype="JQuery"] {border-left-color:#7073CF}
pre[rel="JQuery UI"],pre[data-codetype="JQuery UI"] {border-left-color:#E36B23}
pre[rel="XML"],pre[data-codetype="XML"] {border-left-color:#C44032}
pre[rel*="+"],pre[data-codetype*="+"] {border-left-color:#B58900}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color:#586e75;
  font-style:italic;
}

pre .keyword,
pre .css .rule .keyword,
pre pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {color:#859900}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {color:#2aa198}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {color:#268bd2}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {font-weight:bold}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {color:#b58900}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {color:#cb4b16}

pre .deletion {color:#dc322f}
pre .tex .formula {background:#073642}

pre.numbered {
  border-left-width:2px;
  padding-left:1em;
}

pre .line-number,
pre.numbered code {
  display:block;
  line-height:16px;
}

pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  color:#586E75;
  border-right:2px solid #05313B;
  text-align:right;
  min-width:35px;
}

pre .line-number span {
  display:block;
  position:relative;
  padding:0 .5em 0 1em;
}

pre .line-number span:nth-child(even) {background-color:#03242C}

pre .line-number span em {
  position:absolute;
  bottom:-1px;
  left:100%;
  background-color:orange;
  padding:0 2px 1px 2px;
  border:1px solid black;
  font-style:normal;
  color:black;
  display:none;
}

pre .line-number span:hover em {display:block}

pre .line-number span:target a {
  display:block;
  color:white;
  position:relative;
  background-color:#268bd2;
  margin:0 -.5em 0 -1em;
  padding:0 .5em 0 0;
}

pre.numbered code span {line-height:12px}

pre[data-codetype="HTML"] .line-number span:target a {background-color:#4584BE}
pre[data-codetype="CSS"] .line-number span:target a {background-color:#5DA028}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color:#bbbbbb}
pre[data-codetype="JQuery"] .line-number span:target a {background-color:#7073CF}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color:#E36B23}
pre[data-codetype="XML"] .line-number span:target a {background-color:#C44032}
pre[data-codetype*="+"] .line-number span:target a {background-color:#B58900}

pre .line-number span:target:before {
  content:"";
  display:block;
  height:150px;
  margin-top:-150px;
  visibility:hidden;
}

.prelight pre {
  background-color:white;
  color:#657b83;
  border:1px solid #E9E7E0;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}

.prelight pre code {color:#657b83}
.prelight pre {padding-top:0;padding-bottom:0}
.prelight pre .line-number {border-right-color:#6CE26C}
.prelight pre .line-number span a {color:#bbb}
.prelight pre .line-number span:nth-child(even) {background-color:#eee}
.prelight pre .line-number span:target,
pre .line-number span:target {background:none}
.prelight pre .line-number span:target a {color:black}

.prelight .comment,
.prelight .template_comment,
.prelight .diff .header,
.prelight .doctype,
.prelight .lisp .string,
.prelight .javadoc {color:#93a1a1}

#error {
  background-color:#FFD202;
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding-top:100px;
  z-index:99999;
}

#status-forum {
  border:2px solid #111 !important;
  margin:0 0 10px;
}

#status-forum ul,
#status-forum li {
  text-align:left;
  list-style:none;
  font:bold 10px Arial,Sans-Serif;
  color:#ccc;
}

#status-forum li {
  display:block;
  padding:5px 10px;
  background-color:#7C0505;
  border-bottom:1px solid #640505;
  position:relative;
  overflow:hidden;
}

#status-forum li:hover,
#status-forum li:first-child {background-color:#650606}
#status-forum a {color:white}
#status-forum a:hover {text-decoration:underline}